<template>
  <view class="car-info-content">
    <ve-cell label="车牌号">{{ record.licenseNo || '-' }} </ve-cell>
    <ve-cell label="车架号">{{ record.vin || '-' }} </ve-cell>
    <ve-cell label="车型">{{ record.modelName || record.carModelName || '-' }} </ve-cell>
    <ve-cell label="车辆当前归属门店">{{ (handleFlag == 'add' ? record.siteName : record.carSiteName) || '-' }} </ve-cell>
    <ve-cell label="归属车场">{{ record.libraryName || '-' }} </ve-cell>
    <ve-cell label="违章单号" v-if="handleFlag != 'add'">{{ record.violantionCode || '-' }} </ve-cell>
    <ve-cell label="违章状态" v-if="handleFlag != 'add'">{{ record.eventStatusStr || '-' }} </ve-cell>
  </view>
</template>
<script>
  export default {
    props: {
      record: {
        type: Object,
      },
      handleFlag: {
        type: String,
        default: 'add',
      },
    },
  }
</script>
<style lang="scss" scoped>
  .car-info-content {
    background: #f7f8fa;
    box-sizing: border-box;
    padding: 1rpx 24rpx;
    margin-top: -16rpx;
    margin-bottom: 24rpx;
  }
  :deep(.ve-cell-title) {
    width: 240rpx;
    max-width: 240rpx;
  }
</style>
